<template>
  <h2>{{message}}</h2>
  <!-- <counter></counter>
  <movie></movie> -->
  <Counter></Counter>
  <Movie></Movie>
</template>

<script>
import Counter from "./components/Counter.vue";
import Movie from "./components/Movie.vue";
export default {
  data() {
    return {
      message: 'Hello'
    }
  },
  components: {
    Counter,
    Movie
  }
}
</script>

<style scoped>
h2 {
  color: red;
}
</style>